<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet " href="../../css/service.css">
</head>
<body style="overflow:scroll;overflow-x:hidden;overflow-y:hidden">
<div class="express-cont">
  <div class="express-notice">
    <div class="notice-cont-box">
    <div class="notice-horn"></div>
    <div class="notice-cont"></div>
    </div>
</div>
  <div class="express-title-box">
    <h2 class="express-title exCheck selectedExCheck wayExpress" id="wayExpress">运单号查询</h2>
<!--    <h2 class="express-title exCheck phoneExpress" id="phoneExpress">手机号查询</h2>-->
</div>
  <div class="wayExpressBox" id="wayExpressBox">
        <div class="search_txt">
            <div class="inputItem">
                <textarea class="query_txt" id="query_txt"></textarea>
            </div>
            <div class="inputGray"></div>
        </div>
        <div class="search_box" style="margin-bottom: 15px;">
            <input  class="search_btn" type="button" value="查询" id="search_btn">
            <span class="lately-record">最近查询记录
           ( <i>1</i>)</span>
            <div class="record">
                <i class="record-arrow"></i>
                <em class="record-item"></em>
            </div>
        </div>
        <div class="result-list"></div>
    </div>
  <div class="phoneExpressBox hidden" id="phoneExpressBox" >
        <div class="inputBox">
            <span>手机号:</span>
            <input type="text" class="phoneInput" placeholder="请输入手机号">
        </div>
        <div class="inputBox">
            <div>
                <span>图形验证码:</span>
                <input type="text" class="picValidateCode" placeholder="请输入图形验证码">
                <img src="../../images/index.png" class="picValidate" alt="">
            </div>
        </div>
        <div class="inputBox">
            <div>
                <span>验证码:</span>
                <input type="text" class="validateInput" placeholder="请输入验证码">
            </div>
            <input type="button" class="validateInputBtn" value="获取验证码">
        </div>
        <input type="button" class="submitLogin" value="查询">
    </div>
</div>
<div class="express-code">
    <strong class="express-title code">单号订阅</strong>
    <div class="code-cont"></div>
</div>
<script src="../../js/jquery-3.3.1.min.js"></script>
<script>
    $("#wayExpress").click(function (e) {
        $("#wayExpress").addClass("selectedExCheck")
        $("#phoneExpress").removeClass("selectedExCheck")
        $("#phoneExpressBox").addClass("hidden")
        $("#wayExpressBox").removeClass("hidden")

    })
    $("#phoneExpress").click(function (e) {
        $("#phoneExpress").addClass("selectedExCheck")
        $("#wayExpress").removeClass("selectedExCheck")
        $("#wayExpressBox").addClass("hidden")
        $("#phoneExpressBox").removeClass("hidden")
    })

    $("#search_btn").click(function () {
        var pageNum=$("#query_txt").val()
       top.location="../html/map.html?&pageNum="+pageNum
    })
</script>
</body>
</html>